<template>
  <div class="item-style">
    <ul class="item-style_ul" v-if="false">
      <li class="item-style_li" :style="`width: ${100/3}%;`" v-for="(item,index) in 6" :key="index">
        <div class="style_li-box">
          <span class="item-style_li-sp1">待发货订单</span>
          <span class="item-style_li-sp2">0</span>
        </div>
      </li>
    </ul>
    <ul class="item-style_ul2">
      <li class="item-style_ul2-li2" v-for="(item,index) in widget" :key="index">
        <img class="ul2-li2_img" src="https://s.5ug.com/wwwroot/uploads/api/352-706-530/2021-03-03/000000000000000000000000.png" />
        <p class="ul2-li2_p1">{{item.name}}</p>
        <p class="ul2-li2_p2">{{item.intro}}</p>
        <p class="ul2-li2_p3" v-if="false">立即优化</p>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    props: {
      widget: {}
    }
  }
</script>
<style lang="scss">
  @import "./item-style.scss";
</style>